<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
  <meta name="robots" content="noindex,nofollow" />
  <title>正品查询结果</title>
  <style>
    :root {
      --bg: #f7f8fa;
      --card: #ffffff;
      --text: #1f2328;
      --subtext: #666;
      --accent: #1677ff;
      --radius: 14px;
    }
    * { box-sizing: border-box; }
    html, body { height: 100%; }
    body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; background: var(--bg); color: var(--text); }
    .wrap { min-height: 100%; display: grid; place-items: center; padding: 20px; }
    .card { width: 100%; max-width: 720px; background: var(--card); border-radius: var(--radius); box-shadow: 0 10px 24px rgba(0,0,0,0.06); padding: 20px; }
    .brand { display: flex; align-items: center; gap: 10px; }
    .brand-badge { width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg, #23c393, #0fbf89); display: grid; place-items: center; color: #fff; font-weight: 700; }
    .brand-name { font-size: 18px; font-weight: 600; }
    .title { margin: 14px 0 10px; font-size: 22px; font-weight: 700; }
    .msg { line-height: 1.7; font-size: 16px; background: #f9fbff; border: 1px solid #eef3ff; padding: 14px; border-radius: 12px; }
    .env { margin-top: 12px; color: var(--subtext); font-size: 14px; }
    .code { margin-top: 10px; font-size: 15px; color: #0b5ed7; word-break: break-all; }
    .footer { margin-top: 18px; display: flex; justify-content: space-between; align-items: center; }
    .badge { display: inline-block; padding: 6px 10px; border-radius: 999px; background: #f2f6ff; color: #2f54eb; font-size: 13px; }
    .tips { color: var(--subtext); font-size: 13px; }
  </style>
</head>
<body>
  <div class="wrap">
    <div class="card">
      <div class="brand">
        <div class="brand-badge">BL</div>
        <div class="brand-name">北京葆莱生物科技有限公司</div>
      </div>

      <h1 class="title">正品查询结果</h1>
      <p class="msg">你所查询的是由北京葆莱生物科技有限公司出的产品，为正牌出品。请放心使用。</p>

      <p id="env" class="env">当前打开方式：检测中...</p>
      <p id="code" class="code" style="display:none"></p>

      <div class="footer">
        <span class="badge">官方认证 · 正品保障</span>
        <span class="tips">如需帮助，请联系官方客服</span>
      </div>
    </div>
  </div>

  <script>
    (function () {
      document.title = '正品查询结果';

      // 检测当前打开环境（微信/支付宝/其他）
      var ua = navigator.userAgent || '';
      var isWeChat = /MicroMessenger/i.test(ua);
      var isAlipay = /AlipayClient/i.test(ua);
      var envEl = document.getElementById('env');
      envEl.textContent = '当前打开方式：' + (isWeChat ? '微信' : (isAlipay ? '支付宝' : '浏览器'));

      // 如果二维码链接中携带了查询码参数，则展示出来（可选）
      try {
        var params = new URLSearchParams(location.search);
        var code = params.get('code') || params.get('qrcode') || params.get('sn') || params.get('id');
        if (code) {
          var codeEl = document.getElementById('code');
          codeEl.style.display = 'block';
          codeEl.textContent = '查询码：' + code;
        }
      } catch (e) { /* ignore */ }
    })();
  </script>
</body>
</html>